<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <title>发货单处理记录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="icon" th:href="@{/static/console/common/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/element/index.css}"/>
    <link rel="stylesheet" type="text/css"
          th:href="@{/static/console/css/production/component/invoice-detail.css?version=202503201742}"/>
    <link rel="stylesheet" type="text/css"
          th:href="@{/static/console/css/production/invoice-handle-record.css?version=202303231055}"/>
</head>

<body>
<div id="container">
    <el-container>
        <el-header height="40">
            <el-date-picker v-model="tableSearch.startTime"
                            type="datetime" size="mini"
                            :value-format="tableSearch.dateFormat"
                            placeholder="起始日期">
            </el-date-picker>
            <el-date-picker v-model="tableSearch.endTime"
                            type="datetime" size="mini"
                            :value-format="tableSearch.dateFormat"
                            placeholder="截止日期">
            </el-date-picker>
            <el-select v-model="tableSearch.operateType" placeholder="操作类型" size="mini" clearable>
                <el-option v-for="item in typeList"
                           :key="item.code"
                           :label="item.desc"
                           :value="item.code">
                </el-option>
            </el-select>
            <el-input v-model="tableSearch.searchVal" placeholder="搜索信息" clearable size="mini"></el-input>
            <el-button type="success" icon="el-icon-search" @click="searchDatas" size="mini">查询</el-button>
        </el-header>
        <el-main>
            <template>
                <el-table :data="tableDatas" border v-loading="tableLoading" max-height="800" size="mini"
                          highlight-current-row>
                    <el-table-column label="序号" fixed="left"
                                     type="index" width="60"></el-table-column>
                    <el-table-column prop="createTime" show-overflow-tooltip
                                     label="操作时间" fixed="left"
                                     width="180"></el-table-column>
                    <el-table-column label="操作类型" fixed="left"
                                     width="110">
                        <template slot-scope="scope">
                            <el-tag :type="scope.row.typeClass" size="mini">{{scope.row.operateTypeTxt}}</el-tag>
                        </template>
                    </el-table-column>
                    <el-table-column prop="reTypeTxt" show-overflow-tooltip
                                     label="退料类型"
                                     width="100"></el-table-column>
                    <el-table-column prop="operateStere" show-overflow-tooltip
                                     label="操作方量"
                                     width="100"></el-table-column>
                    <el-table-column prop="sourceInvoiceCode" show-overflow-tooltip
                                     label="操作发货单"
                                     width="160">
                        <template slot-scope="scope">
                            <el-link type="primary" @click="showInvDetail(scope.row.sourceInvoiceId)">
                                {{scope.row.sourceInvoiceCode}}
                            </el-link>
                        </template>
                    </el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="carCode"
                                     label="车辆"
                                     width="100"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="conName"
                                     label="工程名称"
                                     width="240"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="site"
                                     label="施工部位"
                                     width="240"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="strengthName"
                                     label="强度等级"
                                     width="100"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     label="转入发货单"
                                     width="160">
                        <template slot-scope="scope">
                            <el-link type="primary" @click="showInvDetail(scope.row.targetInvoiceId)">
                                {{scope.row.targetInvoiceCode}}
                            </el-link>
                        </template>
                    </el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="tarCarCode"
                                     label="车辆"
                                     width="100"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="tarConName"
                                     label="工程名称"
                                     width="240"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="tarSite"
                                     label="施工部位"
                                     width="240"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="tarStrengthName"
                                     label="强度等级"
                                     width="100"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="remark" fixed="right"
                                     label="备注"
                                     width="240"></el-table-column>
                    <!--<el-table-column fixed="right"
                                     label="操作"
                                     width="100">
                    </el-table-column>-->
                </el-table>
                <el-pagination background
                               @size-change="handleSizeChange"
                               @current-change="handleCurrentChange"
                               :page-sizes="[50, 100, 200,500]"
                               :page-size="tableSearch.limit"
                               :current-page.sync="tableSearch.pageIndex"
                               layout="total,sizes, prev, pager, next"
                               :total="tableSearch.total">
                </el-pagination>
            </template>
        </el-main>
    </el-container>
    <!--  发货单详情  -->
    <invoice-detail-dialog v-if="detailDialog.show" :invoice-id="detailDialog.invoiceId"
                           @closed="detailDialog.show = false"></invoice-detail-dialog>
</div>
</body>
<script type="text/javascript" th:src="@{/static/console/assets/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/base.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/js/vue.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/element/index.js}"></script>
<script type="text/javascript" th:src="@{/static/console/datepicker/jquery-datePicker.js}" charset="utf-8"></script>
<script th:inline="javascript">
    const typeList = [[${typeList}]];
</script>
<script th:src="@{/static/console/js/pages/production/component/invoice-detail.js?version=202503201742}"></script>
<script type="text/javascript"
        th:src="@{/static/console/js/pages/production/invoice-handle-record.js?version=202211210945}"
        charset="utf-8"></script>

</html>